<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="page"/>
<!DOCTYPE html>
<html>
<head>
    <title>Insert title here</title>
    <link rel="stylesheet" href="${ctx}/css/templatemo_style.css"/> <!-- 页面整体布局样式定义 -->
    <link rel="stylesheet" href="${ctx}/css/ddsmoothmenu.css"/> <!-- 菜单样式定义 -->
    <script type="text/javascript" src="${ctx}/js/jquery-1.4.3.min.js"></script>

    <script type="text/javascript">
        var ctx = "${pageContext.request.contextPath}";

        function showUserName() {
            var name = "${user.username}";
            if (name != "") {
                $("#login").html(name);
                $("#exitP").show();
                $("#login").attr("href", ctx + "/user?flag=info&userId=${user.userid}");
            } else {
                $("#login").html("登录");
                $("#exitP").hide();
                $("#login").attr("href", ctx + "/user?flag=login");
            }
        }

        function gotopage(pageno, pages) { // pageno查询的页数; pages总页数
            if (pageno == 0) {
                pageno = 1;
            }
            if (pageno > pages) {
                pageno = pages;
            }
            $("#pageNo").val(pageno);
            $("#profy").submit();
        }
    </script>
</head>

<body>
<div id="templatemo_body_wrapper">
    <div id="templatemo_wrapper">


        <!-- header -->
        <div id="templatemo_header">
            <div id="site_title"><h1><a href="">穿美在线鞋城</a></h1></div>
            <div id="header_right">
                <p>
                    <a href="" id="login">登录</a>&nbsp;
                    <span id="exitP" style="display: none"><a href="" id="exit">注销</a></span>
                </p>
            </div>
            <div class="cleaner"></div>
        </div>
        <!-- END of templatemo_header -->


        <!-- menu -->
        <div id="templatemo_menubar">
            <div id="top_nav" class="ddsmoothmenu">
                <ul>
                    <li><a href="${ctx}/home">首页</a></li>
                    <li><a href="${ctx}/pro?flag=product">产品</a></li>
                    <li><a href="${ctx}/ShoppingCartServlet">我的购物车</a></li>
                    <li><a href="${ctx}/OrderServlet?flag=qoi" class="selected">我的订单</a></li>
                </ul>
                <br style="clear: left"/>
            </div>
            <!-- end of ddsmoothmenu -->
        </div>
        <!-- END of templatemo_menubar -->

        <div id="templatemo_main">
            <div id="content" class="float_l" style="height:600px;margin-left:120px">
                <h2>订单列表</h2>
                <table style="border:1px solid #CCCCCC;" width="100%">
                    <tr>
                        <td>
                            订单编号
                        </td>
                        <td width="300px;" style="padding: 0px 20px;">
                            订单日期
                        </td>
                        <td>金额</td>
                    </tr>


                    <c:forEach var="temp" items="${pageInfo.objs}">
                        <tr>
                            <td width="150"><a
                                    href="${ctx}/OrderServlet?flag=qo&orderId=${temp.orderId}">${temp.orderId}</a></td>
                            <td width="150">${temp.createTime}</td>
                            <td width="150">${temp.amout}</td>
                        </tr>
                    </c:forEach>

                </table>

                <br>

                <div class="product_box_fy">
                    <p>
                        <a href="javascript:gotopage(1, ${pageInfo.pages});">首页</a> |
                        <a href="javascript:gotopage(${pageInfo.pageNo}-1, ${pageInfo.pages});">上一页</a> |

                        <a href="javascript:void(0);">每页&nbsp;<input type="text" id="ps" name="ps"
                                                                     value="${pageInfo.pageSize}" maxlength="2"
                                                                     style="width: 18px; height: 12px; text-align: center;">&nbsp;条数据
                        </a> |
                        <a href="javascript:void(0);">第<c:out value="${pageInfo.pageNo}"></c:out>页/共<c:out
                                value="${pageInfo.pages}"></c:out>页</a> |

                        <a href="javascript:gotopage(${pageInfo.pageNo}+1,${pageInfo.pages});">下一页</a> |
                        <a href="javascript:gotopage(${pageInfo.pages}, ${pageInfo.pages});">尾页</a>
                    </p>
                </div>
            </div>

            <div class="cleaner"></div>
        </div> <!-- END of templatemo_main -->


        <!-- footer -->
        <div id="templatemo_footer">
            <p>
                <a href="${ctx}/pro">首页</a>&nbsp;&nbsp;&nbsp;
                <a href="${ctx}/pro?flag=product">产品</a>&nbsp;&nbsp;&nbsp;
                <a href="${ctx}/ShoppingCartServlet">我的购物车</a>&nbsp;&nbsp;&nbsp;
                <a href="${ctx}/OrderServlet?flag=qoi">我的订单</a>
            </p>
            版权所有 (c) 2018 <a href="javascript:void(0);">金桥软件</a>
        </div>
        <!-- END of templatemo_footer -->


    </div>
    <!-- END of templatemo_wrapper -->
</div>
<!-- END of templatemo_body_wrapper -->

<form action="${ctx}/OrderServlet" method="post" id="profy">
    <input type="hidden" id="pageSize" name="pageSize" value="${pageInfo.pageSize}">
    <input type="hidden" id="pageNo" name="pageNo" value="${pageInfo.pageNo}">
</form>

<script type="text/javascript">
    $(function () {
        showUserName();

        $("#ps").change(function () {
            var ps = $(this).val();
            $("#pageSize").val(ps);
            $("#pageNo").val(1);
            $("#profy").submit();
        });
    });
</script>
</body>
</html>







